* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,Segoe UI,Tahoma,"\5B8B\4F53   b8b\4F53",SimSun,sans-serif;
}
html,body{
	width: 100%;
	height: 100%;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, b, i, em, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}

small {
	font-size: 80%;
}

strong {
	font-weight: bold;
}

b, i, em, small {
	font-weight: normal;
	font-style: normal;
}
:focus {
	outline: 1;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

nav ul {
	list-style: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
	background: #fff;
}
::-webkit-input-placeholder { 
    color: #999;
}
:-moz-placeholder { 
    color: #999;
}
::-moz-placeholder { 
    color: #999;
}
:-ms-input-placeholder { 
    color: #999;
}
body {
	font-size: 16px;
	line-height: 1.5;
	font-family:"Microsoft Yahei", 微软雅黑, "Hiragino Sans GB", "Microsoft Yahei UI",  "Segoe UI", Tahoma, ;
	text-rendering: optimizeLegibility;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: #333;
	background: #fff;
}

h1, h2, h3, h4, h5, h6, th {
	font-size: 100%;
	font-weight: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
}

fieldset,
img {
	border: 0;
}
label{
	display: inline-block;
}
a {
	text-decoration: none;
	color: #333;
	background: none;
}

a:hover {
	text-decoration: none;
}

ul,
ol {
	list-style: none;
}

:focus {outline: none; }
/*
	SKINS
	• Backgrounds
	• Colors
	*/


/* display */

.dx {display: flex; }
.dn {display: none; }
.db {display: block; }
.dib {display: inline-block; }

.column {flex-direction: column; }
.v-center {align-items: center; }
.v-acenter{align-self: center;}

.space-between{
	justify-content: space-between;
}
.fwrap{flex-wrap: wrap;}
/* width */

/* fixed width value */

.w1200 {
	width: 1200px;
	margin: auto;
	background: transparent;
}
.w900 {
	/* width: 900px; */
	margin: auto;
	background: transparent;
}
.w1000 {
	width: 1000px;
	margin: auto;
	background: transparent;
}
.w500{width: 500px;}
.w550{width: 550px;}
.w120{width: 120px;}
.w130{width: 130px;}

/* percent width value */
.col-1{width: 5%}
.col-2{width: 10%}
.col-3{width: 15%}
.col-4{width: 20%}
.col-5{width: 25%}
.col-6{width: 30%}
.col-7{width: 35%}
.col-8{width: 40%}
.col-9{width: 45%}
.col-10{width: 50%}
.col-11{width: 55%}
.col-12{width: 60%}
.col-13{width: 65%}
.col-14{width: 70%}
.col-15{width: 75%}
.col-16{width: 80%}
.col-17{width: 85%}
.col-18{width: 90%}
.col-19{width: 95%}
.col-20{width: 100%}

.w-100 {
	width: 100% !important;
}

/* fixed height value */
.h-70{
	/* height: 70px !important; */
	/* line-height: 70px; */
}
.h-100{
	height: 100px !important;
}
.h-365 {
	height: 365px;
}
.h-140 {
	height: 140px;
}
.h-520 {
	height: 520px;
}

/* percent height value */

.h-10{ height: 10%; }
.h-50{ height: 50%; }
.h-100 { height: 100%; }

/* line-height */

.lh24 {line-height: 24px; }
.lh26 {line-height: 26px; }
.lh28 {line-height: 28px; }
.lh30{line-height: 30;}
.lh40 {line-height: 40px; }

/* margin */

.m-0 { margin: 0 !important; }
.m-auto {margin: auto !important;}

.ml-1 { margin-left: 1px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-70 { margin-left: -70px !important; }

.mx-50 {margin-left: -50px !important;margin-right: -50px !important;}

.mr-1 { margin-right: 1px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-15 { margin-right: 15px !important; }

.mt-15 { margin-top: 15px !important; }

.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}

/* padding */

.p-0 { padding: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

.pl-5{
	padding-left: 5px !important;
}
.pl-10{
	padding-left: 12px !important;
}
.pl-70{
	padding-left: 70px !important;
}
.pr-10{
	padding-right: 10px !important;
}
.pb-20{
	padding-bottom: 20px !important;
}

.p-10{padding: 10px !important;}
.p-20{padding: 20px !important;}
.p-30{padding: 30px !important;}
.p-40{padding: 40px !important;}
.px-15{ padding: 0 15px !important; }
.px-30{ padding: 0 30px !important; }

.py-20{padding: 20px 0 !important;}
.py-30{padding: 30px 0 !important;}
.py-40{padding: 40px 0 !important;}



/* border*/
.bdc { border: 1px solid #ccc;}


.blc { border-left: 1px solid #ccc; }

.brc { border-right: 1px solid #ccc; }

.btc { border-top: 1px solid #ccc; }

.bbc { border-bottom: 1px solid #ccc; }

.bde { border: 1px solid #eee; }

.ble { border-left: 1px solid #eee; }

.bre { border-right: 1px solid #eee; }

.bte { border-top: 1px solid #eee; }

.bbe { border-bottom: 1px solid #eee; }

.bd-none{border: none !important;}
/* background-color */

.bg-light {background-color: #ffb3b3 !important;}
.bg-grey {background-color: #f9f9f9 !important;}
.bg-e {background-color: #eee !important;}
.bg-4 {background-color: #444 !important;}
.bg-dark {background-color: #494949 !important;}
.bg-darker {background-color: #5b5b5b !important;}
.bg-red{background: #c2272e !important;}
.bg-blue{ background: #00478c !important; }
.bg-black{ background: #4C4948 !important; }
.bg-white{background: #fff !important;}
.bg-none{background: none !important;}

/* safe color */

.text-red {color: #e60012 !important;}
.text-orange {color: #ffa700 !important;}
.text-green { color: #00ffa2 !important; }
.text-white { color: #fff !important; }
.text-black { color: #000 !important; }
.text-price { color: #e2000b !important; }

.g0 { color: #000 !important; }

.g3 { color: #333 !important; }

.g6 {color: #666 !important;}

.g9 { color: #999 !important; }

.gc { color: #ccc !important; }

/* font-size */

.f0 { font-size: 0; }
.f12 { font-size: 12px !important; }
.f14 {font-size: 14px !important;}
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f26 {font-size: 26px !important;}
.f30 {font-size: 30px !important;}
.f40 {font-size: 40px !important;}
.f46 {font-size: 46px !important;}

.text-indent{text-indent: 32px;}
/* font-family */

.fa { font-family: Arial; }

.ft { font-family: Tahoma; }

.fv { font-family: Verdana; }

.fs { font-family: Simsun; }

.fl { font-family: 'Lucida Console'; }

.fw { font-family: 'Microsoft Yahei'; }

/* font-style */

.normal { font-weight: normal !important; font-style: normal !important; }
.bold {font-weight: bold;}
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw8 { font-weight: 800; }

/* text-align */

.tc {text-align: center;}
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/* text-decoration */

.tdl { text-decoration: underline; }

.tdn,
.tdn:hover,
.tdn a:hover,
a.tdl:hover {
	text-decoration: none;
}

/* letter-spacing */

.lt-1 { letter-spacing: -1px; }

.lt0 { letter-spacing: 0; }

.lt1 { letter-spacing: 1px; }

/* white-space */

.nowrap { white-space: nowrap; }

/* word-wrap */

.bk { word-wrap: break-word; }

/* float */

.l { float: left; }
.r {float: right;}

/* clear */

.cl { clear: both; }

/* position */

.rel { position: relative; }
.abs { position: absolute; }
.fixed { position: fixed; }

/* cursor */

.pointer { cursor: pointer; }
.default { cursor: default; }

/* overflow */

.ovh {/* overflow: hidden; */}

.ova { overflow: auto; }

/* visibility */

.vh { visibility: hidden; }

.vv { visibility: visible; }

/* ------------------- multiply CSS ------------------ */

/* 块状元素水平居中 */

.auto {
	margin-left: auto;
	margin-right: auto;
}

/* 清除浮动*/

.fix { *zoom: 1; }

.fix:after {
	display: table;
	content: '';
	clear: both;
	height: 0;
}

/* 单行文字溢出虚点显 示*/

.ell {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* css3过渡动画效果 */

.transition {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */

.loading {
	 background: url(http://www.zhangxinxu.com/study/image/loading.gif) no-repeat center #f9f9f9 !important; 
}
.error{
	background: url(../img/error.svg) no-repeat center #f9f9f9 !important;
	background-size: 110px !important;
}
.success{
	background: url(../img/success.svg) no-repeat center #f9f9f9 !important;
	background-size: 110px !important;
}
/* 无框文本框文本域 */

.bd_none {
	border: 0;
	outline: none;
}

/* 绝对定位隐藏 */

.abs_out {
	position: absolute;
	left: -999em;
	top: -999em;
}

.abs_clip {
	position: absolute;
	clip: rect(0 0 0 0);
}
.button{
	padding: 6px 10px;
	text-align: center;
}

.mask,
.rule-mask,
.showimg,
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: hidden;
    *border:100px solid #000;
}
.modal-dialog{

}
.modal-close{
	float: right;
	margin-top: -20px;
	font-size: 14px;
	cursor: pointer;
	opacity: .6;
	font-family: Tahoma;
}
.modal-close:hover{
	opacity: 1;
}
.modal-header{
	padding:10px 15px 10px;
	background: #c7000a;
	color: #fff;
}
.modal-title{
	font-size: 16px;
}
.modal-body{
	position: relative;
	padding: 20px;
}
.modal-btn{
	display: inline-block;
	padding: 4px 20px;
	margin:5px 5px 5px 0;
	border-radius: 3px;
}
.btn{
	display: inline-block;
	padding: 4px 20px;
	border-radius: 3px;
}
.btn-grey{
	background: #c3c3c3;
	color: #333;
}
.btn-grey:hover{
	background: #9e9e9e;
}
.btn-blue{
	background: #4890ff;
	color: #fff;
}
.btn-blue:hover{
	background: #3785fd;
}
.btn-red{
	background: #ff404a;
	color: #fff;
}
.btn-red:hover{
	background: #ec3841;
}
.modal-footer{
	padding: 5px;
	border-top: 1px solid #e9ecef;
}
.form-control{
	margin-bottom: 15px;
	font-size: 14px;
}
.form-input{
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	background: #fff;
	border: 1px solid #ced4da;
	border-radius: 3px;
}
.form-input:focus{
	border: 1px solid #d1d8de !important;
}

.btn-search{
	display: inline-block;
    width: 70px;
    height: 45px;
    margin-left: -4px;
    text-align: center;
    color: #fff;
    background: #f14e54;
    background: url(../img/btn-search.png) center center no-repeat #f14e54;
    background-size: 20px;
    vertical-align: middle;
    border-radius: 2px;
}